<!DOCTYPE html>
<html   xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head/>
    <h:body>
        <p:panelGrid columns="2">
            
            <f:facet name="header">
                Basic PanelGrid
            </f:facet>
            
            <h:outputLabel for="firstname" value="Firstname:" />
            <p:inputText id="firstname" value="#{panelGridBean.firstname}" label="Firstname" />
            <h:outputLabel for="surname" value="Surname:" />
            <p:inputText id="surname" value="#{panelGridBean.surname}" label="Surname"/>
            
            <f:facet name="footer">
                <p:commandButton type="button" value="Save" icon="ui-icon-check" />
            </f:facet>
            
        </p:panelGrid>
        <p />
        <p:panelGrid>
            
            <p:row>
                <p:column rowspan="3">AAA</p:column>
                <p:column colspan="4">BBB</p:column>
            </p:row>
            
            <p:row>
                <p:column colspan="2">CCC</p:column>
                <p:column colspan="2">DDD</p:column>
            </p:row>
            
            <p:row>
                <p:column>EEE</p:column>
                <p:column>FFF</p:column>
                <p:column>GGG</p:column>
                <p:column>HHH</p:column>
            </p:row>
            
        </p:panelGrid>
    </h:body>
</html>